<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>My Project</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i%7CSource+Code+Pro:400,400i,600" />
  <link rel="stylesheet" href="m-dark+documentation.compiled.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<header><nav id="navigation">
  <div class="m-container">
    <div class="m-row">
      <a href="index.html" id="m-navbar-brand" class="m-col-t-8 m-col-m-none m-left-m">My Project</a>
    </div>
  </div>
</nav></header>
<main><article>
  <div class="m-container m-container-inflatable">
    <div class="m-row">
      <div class="m-col-l-10 m-push-l-1">
        <h1>
          My Project
        </h1>
<p>Note: the test uses DejaVu Sans instead of Source Sans Pro in order to have predictable rendering on the CIs.</p><div class="m-graph"><svg style="width: 16.438rem; height: 6.000rem;" viewBox="0.00 0.00 263.38 95.63">
<g transform="scale(1 1) rotate(0) translate(4 91.63)">
<title>Basics</title>
<g class="m-node">
<title>a</title>
<polygon points="54,-43.57 0,-43.57 0,-7.57 54,-7.57 54,-43.57"/>
<text text-anchor="middle" x="27" y="-21.62">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="116.57" cy="-25.57" rx="21.57" ry="21.57"/>
<ellipse cx="116.57" cy="-25.57" rx="25.57" ry="25.57"/>
<text text-anchor="middle" x="116.57" y="-21.62">b</text>
</g>
<g class="m-edge">
<title>a&#45;&gt;b</title>
<path d="M54.27,-25.57C62.08,-25.57 70.78,-25.57 79.11,-25.57"/>
<polygon points="79,-29.07 89,-25.57 79,-22.07 79,-29.07"/>
</g>
<g class="m-node m-flat">
<title>c</title>
<ellipse cx="228.38" cy="-25.57" rx="27" ry="21.57"/>
<text text-anchor="middle" x="228.38" y="-21.62">c</text>
</g>
<g class="m-edge">
<title>b&#45;&gt;c</title>
<path d="M142.49,-25.57C156.4,-25.57 174.03,-25.57 189.61,-25.57"/>
<polygon points="189.52,-29.07 199.52,-25.57 189.52,-22.07 189.52,-29.07"/>
<text text-anchor="middle" x="171.76" y="-43.07" style="font-size: 40.0px;">0</text>
</g>
<g class="m-edge">
<title>c&#45;&gt;c</title>
<path d="M218.08,-45.92C216.65,-56.08 220.09,-65.13 228.38,-65.13 233.31,-65.13 236.52,-61.94 238.02,-57.22"/>
<polygon points="241.5,-57.62 238.6,-47.44 234.51,-57.21 241.5,-57.62"/>
<text text-anchor="middle" x="228.38" y="-72.43">1</text>
</g>
</g>
</svg>
</div><div class="m-graph"><svg style="width: 5.875rem; height: 9.562rem;" viewBox="0.00 0.00 94.07 152.77">
<g transform="scale(1 1) rotate(0) translate(4 148.77)">
<title>Colors</title>
<g class="m-node m-success m-flat">
<title>a</title>
<ellipse cx="27" cy="-123.2" rx="27" ry="21.57"/>
<text text-anchor="middle" x="27" y="-119.25">a</text>
</g>
<g class="m-node m-dim">
<title>b</title>
<ellipse cx="27" cy="-21.57" rx="21.57" ry="21.57"/>
<text text-anchor="middle" x="27" y="-17.62">b</text>
</g>
<g class="m-edge m-warning">
<title>a&#45;&gt;b</title>
<path d="M27,-101.56C27,-88.02 27,-70.05 27,-54.67"/>
<polygon points="30.5,-55.04 27,-45.04 23.5,-55.04 30.5,-55.04"/>
<text text-anchor="middle" x="39.38" y="-68.43">yes</text>
</g>
<g class="m-edge m-primary">
<title>b&#45;&gt;b</title>
<path d="M46.95,-30.76C57.27,-32.17 66.57,-29.11 66.57,-21.57 66.57,-16.97 63.11,-14.04 58.08,-12.77"/>
<polygon points="58.58,-9.28 48.46,-12.43 58.33,-16.28 58.58,-9.28"/>
<text text-anchor="middle" x="76.32" y="-17.62">no</text>
</g>
</g>
</svg>
</div><figure class="m-figure"><svg class="m-graph" style="width: 5rem;" viewBox="0.00 0.00 62.00 130.27">
<g transform="scale(1 1) rotate(0) translate(4 126.27)">
<g class="m-node m-flat">
<title>a</title>
<ellipse cx="27" cy="-100.7" rx="27" ry="21.57"/>
<text text-anchor="middle" x="27" y="-96.75">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="27" cy="-21.57" rx="27" ry="21.57"/>
<text text-anchor="middle" x="27" y="-17.62">b</text>
</g>
<g class="m-edge">
<title>a&#45;&#45;b</title>
<path d="M27,-79.03C27,-68.05 27,-54.59 27,-43.56"/>
</g>
</g>
</svg>
<figcaption>A graph</figcaption></figure><figure class="m-figure"><svg class="m-graph" style="height: 5rem;" viewBox="0.00 0.00 62.00 130.27">
<g transform="scale(1 1) rotate(0) translate(4 126.27)">
<g class="m-node m-flat">
<title>a</title>
<ellipse cx="27" cy="-100.7" rx="27" ry="21.57"/>
<text text-anchor="middle" x="27" y="-96.75">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="27" cy="-21.57" rx="27" ry="21.57"/>
<text text-anchor="middle" x="27" y="-17.62">b</text>
</g>
<g class="m-edge">
<title>a&#45;&#45;b</title>
<path d="M27,-79.03C27,-68.05 27,-54.59 27,-43.56"/>
</g>
</g>
</svg>
<figcaption>A graph</figcaption></figure>
      </div>
    </div>
  </div>
</article></main>
</body>
</html>
